
precision lowp float;
varying vec2 vUv;

uniform float uTime;

void main(){
    // 通过 uv 设置颜色
    // gl_FragColor = vec4( vUv , 1.0 , 1.0 );

    // 渐变色 从左到右 用 x , 从下到上 用 y 
    // float strength = vUv.y ;
    //  gl_FragColor = vec4( strength , strength , strength , 1.0 );

     // 黑白分界
    //  float strength = mod(vUv.y * 10.0, 1.0);
    //  strength = step(0.5, strength);
    //  gl_FragColor = vec4( strength , strength , strength , 1.0 );

    // 方块图形
    // float strength = step(0.2,mod(vUv.x * 10.0, 1.0));
    //  strength *= step(0.2,mod(vUv.y * 10.0, 1.0));
    //  gl_FragColor = vec4( strength , strength , strength , 1.0 );


    // 圆形
    // float strength = length(vUv - vec2(0.5,0.5));
    //  strength = step(0.4, strength);
    //  gl_FragColor = vec4( strength , strength , strength , 1.0 );

    // 多彩箭头 (背景透明) 通过添加 uTime 让条纹动起来
    // float barX = step(0.4,mod((vUv.x+uTime * 0.1) * 10.0, 1.0)) * step(0.8,mod(vUv.y * 10.0, 1.0));
    // float barY = step(0.4,mod((vUv.y+uTime * 0.1) * 10.0, 1.0)) * step(0.8,mod(vUv.x * 10.0, 1.0));
    // float strength = barX + barY;
    // gl_FragColor = vec4( vUv , 1.0 , strength );

    // 利用绝对值
    float strength = abs(vUv.x - 0.5) ;
    gl_FragColor = vec4( strength , strength , strength , 1.0 );


}